body{
    font-family:Arial,"宋体"
}
.topnav {
    width: 213px;
    padding: 40px 28px 25px 0;
    /*font-family: "CenturyGothicRegular", "Century Gothic", Arial, Helvetica, sans-serif;*/
}
ul.topnav {
    padding: 0;
    margin: 0;
    margin-left: 7px;
    font-size: 1em;
    line-height: 0.5em;
    list-style: none;
    background: #4288CC;
}
ul.topnav li {}

/*首页*/
.home-nav {
    line-height: 15px;
    font-size: 13px;
    padding: 10px 5px 10px 10px;
    display: block;
    text-decoration: none;
    font-weight: bolder;
    color: #203f61;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
    background: #316396; /* Old browsers */
    background: -moz-linear-gradient(top, #316396 0%, #53A9FD 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#316396), color-stop(100%,#53A9FD)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #316396 0%,#53A9FD 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #316396 0%,#53A9FD 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #316396 0%,#53A9FD 100%); /* IE10+ */
    background: linear-gradient(to bottom, #316396 0%,#53A9FD 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316396', endColorstr='#53A9FD',GradientType=0 ); /* IE6-9 */
}
.home-nav:hover {
    background-color:#675C7C;
    color:white;
}

/* 一级菜单 */
.first-nav {
    line-height: 15px;
    font-size: 13px;
    padding: 10px 5px 10px 15px;
    display: block;
    text-decoration: none;
    font-weight: bolder;
    color: #203f61;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
    background: #316396; /* Old browsers */
    background: -moz-linear-gradient(top, #316396 0%, #53A9FD 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#316396), color-stop(100%,#53A9FD)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #316396 0%,#53A9FD 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #316396 0%,#53A9FD 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #316396 0%,#53A9FD 100%); /* IE10+ */
    background: linear-gradient(to bottom, #316396 0%,#53A9FD 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316396', endColorstr='#53A9FD',GradientType=0 ); /* IE6-9 */
}
.first-nav:hover {
    background-color:#675C7C;
    color:white;
}

/* 二级菜单 */
.second-nav {

    font-size: 12px;
    font-weight: normal;
    outline:0;
    line-height: 15px;
    padding: 10px 5px 12px 25px;
    display: block;
    text-decoration: none;
    font-weight: bolder;
    color: #203f61;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
    background: #53AAFF; /* Old browsers */
    border-top:1px solid #316396;
    background: -moz-linear-gradient(top, #53AAFF 0%, #53AAFF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53AAFF), color-stop(100%,#53AAFF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #53AAFF 0%,#53AAFF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #53AAFF 0%,#53AAFF 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #53AAFF 0%,#53AAFF 100%); /* IE10+ */
    background: linear-gradient(to bottom, #53AAFF 0%,#53AAFF 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53AAFF', endColorstr='#53AAFF',GradientType=0 ); /* IE6-9 */
}
.second-nav:hover {
    background-color:#D3C99C;
    color:#675C7C;
}

/* 三级菜单 */
.third-nav {
    font-size: 12px;
    padding: 10px 5px 12px 45px;
    display: block;
    text-decoration: none;
    font-weight: bolder;
    color: #203f61;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
    background: #4288CC; /* Old browsers */
    background: -moz-linear-gradient(top, #4288CC 0%, #4288CC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4288CC), color-stop(100%,#4288CC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4288CC 0%,#4288CC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4288CC 0%,#4288CC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4288CC 0%,#4288CC 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4288CC 0%,#4288CC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4288CC', endColorstr='#4288CC',GradientType=0 ); /* IE6-9 */
}

.btn-bar{
    width: 203px;
    padding: 5px 5px 5px 5px;
    margin-top: 8px;
    margin-bottom: 10px;
    background-color: #4288CC;
    /*border-top: 1px solid #c3c3d6;*/
    float: right;
    margin-left: 10px;
}

.bar-button{
    display: inline-block;
    padding: 4px 15px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    background-color: #f4f4f4;
    background-image: -moz-linear-gradient(top,#fff,#e4e4e4);
    background-image: -ms-linear-gradient(top,#fff,#e4e4e4);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e4e4e4));
    background-image: -webkit-linear-gradient(top,#fff,#e4e4e4);
    background-image: -o-linear-gradient(top,#fff,#e4e4e4);
    background-image: linear-gradient(top,#fff,#e4e4e4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e4e4e4',GradientType=0);
    border-color: #e4e4e4 #e4e4e4 #bebebe;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    cursor: pointer;
}
.bar-button-primary{
    background-color: #3357cc;
    background-image: -moz-linear-gradient(top,#36c,#3340cc);
    background-image: -ms-linear-gradient(top,#36c,#3340cc);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#36c),to(#3340cc));
    background-image: -webkit-linear-gradient(top,#36c,#3340cc);
    background-image: -o-linear-gradient(top,#36c,#3340cc);
    background-image: linear-gradient(top,#36c,#3340cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3366cc',endColorstr='#3340cc',GradientType=0);
    border-color: #3340cc #3340cc #242d8f;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    color: #fff;
}
.third-nav:hover {
    color:#675C7C;
}
.nav-fold-closed{
    width: 16px;background: no-repeat;background-image: url(images/menu_closed.png);
}
.nav-fold-open{
    width: 16px;background: no-repeat;background-image: url(images/menu_open.png);
}
.add-nav{
    width: 16px;margin-right: 5px; background: no-repeat;background-image: url(images/add.png);
}
.select-tpl{
    width: 16px;margin-right: 5px; background: no-repeat;background-image: url(images/template_edit.png);
}

ul.topnav li span {}

ul.topnav ul {
    margin: 0;
    padding: 0;
    display: none;
}
ul.topnav ul li {
    margin: 0;
    padding: 0;
    clear: both;
}


ul.topnav span{
    float:right;
}
ul.topnav button{
    float:right;
}